<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Boletas por usuario</title>
    </head>
    <body>
        <div id='main'>
            <header>Boletas por cliente</header>
            <input type="hidden" id="controlador" name="controlador" value="BoletasPorCliente"/>

            <div id="divBuscador">
                <ul class="top-bar" data-topbar>
                    <!-- Title -->
                    <ul class="title-area">
                        <li class="name"><h1><a href="#">Filtro y Ordenar por:</a></h1></li>
                    </ul>

                    <!-- Top Bar Section -->
                    <section class="top-bar-section">
                        <!-- Top Bar Left Nav Elements -->
                        <ul class="left">
                            <!-- Search | has-form wrapper -->
                            <li class="has-form">
                                <div class="row collapse">
                                    <select id="selectFiltroOrdenGrilla" name='selectFiltroOrdenGrilla' ></select> 
                                </div>
                            </li>
                        </ul>

                        <!-- Top Bar Right Nav Elements -->
                        <ul class="right">
                            <li class="has-form">
                                <div class="row collapse">
                                    <input type="text" placeholder="Valor"  
                                           id="valorFiltroGrilla" 
                                           name="valorFiltroGrilla" 
                                           onchange="$('#valorFiltroGrilla').val($('#valorFiltroGrilla').val().replace(/[^\w\s]/gi, ''));">
                                </div>
                            </li>      <!-- Anchor -->
                            <li class="divider"></li>
                            <!-- Button -->
                            <li class="has-form show-for-large-up">
                                <a href="#" class="button botonRealizarBusqueda"><i class="icon-search"></i>Buscar</a>
                            </li>
                        </ul>
                    </section>
                </ul>
            </div>

            <div style="clear: both;"></div> 
            <div id="generalerror"></div>
            <div id="grilla">
                <div style="clear: both;"></div> 
                <div id="resultados" >
                    <table id="BoletasPorCliente" class="grilla">
                        <tr id='cabecera'>
                            <td class="TD_filtrable" value="codMaeCliente">Identificación</td>
                            <td class="TD_filtrable" value="nombreMaeCliente">Cliente</td>
                            <td class="TD_filtrable" value="numeroBoletas">Boletas</td>
                            <td class="TD_filtrable" value="nombreSorteo">Sorteo</td>
                        </tr>
                    </table>
                    <div class='izquierda' id="divPaginacion">
                        <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                        <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                        <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                        <img class="paginacion_begin" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"> 
                        <img class="paginacion_prev" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"> 
                        <label id="labelPagina">Pagina 1</label>
                        <img class="paginacion_next" id="paginacion_next" src="../recursos/imagenes/next.png">
                        <img class="paginacion_end" id="paginacion_end" src="../recursos/imagenes/end.png">
                    </div>
                </div>  
            </div>
        </div>
        
    </body>
    <script type="text/javascript">
        cargarOpcionesSelectFiltroDesdeGrilla(
                $("#selectFiltroOrdenGrilla")  //--- Select en el que se cargaran las opciones
                , $("#"+$("#controlador").val()) //--- TABLA desde la cual se tomaran las opciones (cabecera)
                );
        inicializarPaginacionGrilla(
                "BoletaCliente"    //--- Nombre de la DBtable correspondiente a la grilla
                , "divPaginacion"            //--- Div en el que maneja la paginacion
                , ""                         //--- Where Section
                , -1                         //--- Registros por pagina (Cuando es "-1" toma los registros por pagina que se indican en el parametro del sistema)
                );
        cargarDatosGrillaDesdeControlador(
                $("#controlador").val()    //--- idTabla
                , $("#controlador").val()    //--- controlador
                , "selectAllHTMLTableFormat" //--- Operacion
                , ""                         //--- Campos adicionales
                , $("#divPaginacion").find("#paginaActual").val()            //--- Pagina actual
                , $("#divPaginacion").find("#registrosPorPagina").val()      //-- Registros por pagina
                , $("#divBuscador").find("#selectFiltroOrdenGrilla").val()   //-- Campo por el cual se hara el filtro
                , $("#divBuscador").find("#valorFiltroGrilla").val()         //-- Valor con el cual se hara el filtro
                );
    </script>
</html>
